<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="ie=edge, chrome=1">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/swiper-3.4.2.min.css">
    <link rel="stylesheet" href="../css/newIndex.css">
    <link href="../css/lc.css" rel="stylesheet">
    <script src="../js/jquery.min.js"></script>

    <!--TODO:完成后删除，这个这是为了开发时的信息-->
    <script src="https://cdn.bootcss.com/vue/2.5.16/vue.js"></script>
    <!--<script src="../js/vue.min.js"></script>-->

    <script src="../js/ljf_base.js"></script>
    <script src="../js/swiper-3.4.2.min.js"></script>
    <script src="../js/newIndex.js"></script>
    <title>华猫商城</title>
    
    <style>
    	.hmTjImg{
    		cursor: pointer;
    	}
    	.hmNoticeCont{
    		cursor: pointer;
    	}
    	.msgPng{
    		display: inline-block;
    		width:50px;
    		height:33px;
    		margin-bottom: -10px;
    		background: url('../img/user_icon_info.png') -60px 0 no-repeat;
    	}
    	.hmLogin{
    		overflow: hidden;
    	}
    	.hmLogin>img{
    		width: 50px;
		    height: 50px;
		    float: left;
		    border-radius: 50%;
		    margin-right: 10px;
		    cursor:pointer;
    	}
    	.newHeadNav li:nth-child(2) a{
    		color:#EA5404;
    	}
    </style>
</head>
<body>
    <!--商城头部-->
    <div id="header"></div>
    <div id="headerBox"></div>
    <!--商城头部结束-->

    <!--商城导航-->
    <div id="hmNav"></div>
    <!--商城导航结束-->

    <!--商城主体内容-->
    <div id="app" class="hmMain">
        <!--商城轮播图-->
        <div class="hmBanner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <!--<div class="swiper-slide">slider1</div>
                    <div class="swiper-slide">slider2</div>
                    <div class="swiper-slide">slider3</div>-->
                    <div class="swiper-slide" v-for="itemb in adimg">
                        <img v-if="itemb.adFile.substr(0,4)=='http'" :src="itemb.adFile" alt=""/>
                        <img v-else :src="imgUrlS+itemb.adFile" alt=""/>
                    </div>
                </div>
            </div>
        </div>
        <!--商城轮播图结束-->
        <!--商城推荐-->
        <div class="hmTj" style="background-color:#fff;">
            <div class="containerBox fontBase clearFix">
                <div class="hmNotice">
                    <div class="hmLogin">
                    	<img src="../img/dd9a821c0a37c39585863634874d3f6b.png" class="headImg" alt="" style="display: none;" onclick="go_userCenter()"/>
                        <h6 class="hmH6 userName" style="text-align: left;">hello,欢迎来到华猫商城</h6>
                        <a href="../view/login.html" class="login">登录</a>
                        <a href="../view/register.html" class="register">注册</a>
                        <a href="#none" onclick="logout()" class="logout" style="margin-left:0;display: none;">退出</a>
                    </div>
                    <div class="hmNoticeCont">
                        <p><span class="msgPng"></span>我的消息</p>
                    </div>
                </div>
                <div class="hmTjBox">
                	<template v-for="(v,i) in bestGoods" v-if="i<3">
                		<img class="hmTjImg" v-if="v.goodsImg.substr(0,4)=='http'" :src="v.goodsImg" @click="go_detail(v.goodsId)" alt="" />
                		<img class="hmTjImg" v-else :src="imgUrlS+v.goodsImg" @click="go_detail(v.goodsId)" alt="" />
                	</template>
                </div>
            </div>
        </div>
        <!--商城推荐结束-->
        <!--商城分类-->
        <div class="hmClass">
            <div class="containerBox fontBase">
                <!--分类1-->
                <div class="hmClassItem">
                    <div class="hmContTop clearFix">
                        <h3 class="hmH3">手机/电脑</h3>
                        <!--<ul class="hmContNav clearFix">
                            <li>手机</li>
                            <li>电脑</li>
                        </ul>-->
                        <ul class="hmContNav clearFix" v-for="c1Nav in content1.cNavId">
                            <li><a :href="'../second/second.html?catId='+c1Nav.catId">{{c1Nav.catName}}</a></li>
                        </ul>
                    </div>
                    <div class="hmContBox clearFix">
                        <img src="../img/dlsj.png" alt=""/>
                        <ul class="hmContItem clearFix">
                            <li v-for="c1Item in content1.c1List" :title="c1Item.goodsName"  @click="go_detail(c1Item.goodsId)">
                                <img v-if="c1Item.goodsImg.substr(0,4)=='http'" :src="c1Item.goodsImg" alt=""/>
                                <img v-else :src="imgUrlS+c1Item.goodsImg" alt=""/>
                                <h6 class="hmH6">{{c1Item.goodsName}}</h6>
                                <span class="hmMoney">¥{{c1Item.marketPrice}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--分类2-->
                <div class="hmClassItem">
                    <div class="hmContTop clearFix">
                        <h3 class="hmH3">女装/男装/内衣内裤</h3>
                        <!--<ul class="hmContNav clearFix">
                            <li>热门</li>
                            <li>女装</li>
                            <li>男装</li>
                            <li>童装</li>
                        </ul>-->
                        <ul class="hmContNav clearFix" v-for="c2Nav in content2.cNavId">
                            <li><a :href="'../second/second.html?catId='+c2Nav.catId">{{c2Nav.catName}}</a></li>
                        </ul>
                    </div>
                    <div class="hmContBox clearFix">
                        <img src="../img/dlzb.png" alt=""/>
                        <ul class="hmContItem clearFix">
                            <li v-for="c2Item in content2.c2List" :title="c2Item.goodsName"  @click="go_detail(c2Item.goodsId)">
                                <img v-if="c2Item.goodsImg.substr(0,4)=='http'" :src="c2Item.goodsImg" alt=""/>
                                <img v-else :src="imgUrlS+c2Item.goodsImg" alt=""/>
                                <h6 class="hmH6">{{c2Item.goodsName}}</h6>
                                <span class="hmMoney">¥{{c2Item.marketPrice}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--分类4-->
                <div class="hmClassItem">
                    <div class="hmContTop clearFix">
                        <h3 class="hmH3">食品/酒水/生鲜</h3>
                        <!--<ul class="hmContNav clearFix">
                            <li>热门</li>
                            <li>食品</li>
                            <li>酒水</li>
                            <li>生鲜</li>
                        </ul>-->
                        <ul class="hmContNav clearFix" v-for="c4Nav in content4.cNavId">
                            <li><a :href="'../second/second.html?catId='+c4Nav.catId">{{c4Nav.catName}}</a></li>
                        </ul>
                    </div>
                    <div class="hmContBox clearFix">
                        <img src="../img/dlsy.png" alt=""/>
                        <ul class="hmContItem clearFix">
                            <li v-for="c4Item in content4.c4List" :title="c4Item.goodsName"  @click="go_detail(c4Item.goodsId)">
                                <img v-if="c4Item.goodsImg.substr(0,4)=='http'" :src="imgUrlS+c4Item.goodsImg" alt=""/>
                                <img v-else :src="imgUrlS+c4Item.goodsImg" alt=""/>
                                <h6 class="hmH6">{{c4Item.goodsName}}</h6>
                                <span class="hmMoney">¥{{c4Item.marketPrice}}</span>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--商城分类结束-->
    </div>
    <!--商城主体内容结束-->
	
	<!--楼层按钮-->
	<div class="left">
		<ul>
			<li class="1f">数码</li>
			<li class="2f">服装</li>
			<li class="3f">食品</li>
		</ul>
		<div style="background-color:#aaa;">
			<img src="../indexImg/huamao_right.png" style="width:20px;margin-bottom:2px;"/>
			<p>顶部</p>
		</div>
	</div>
	
    <!--商城底部-->
    <div id="ck1"></div>
    <div id="ck3"></div>
    <!--商城底部结束-->
    <script src="../js/left_top.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>
